<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美容热卖品</title>
		<style type="text/css">
			body{
				background: lightyellow;
				
			}
			ul{
				margin: 0px;
				padding: 0px;
				width: 300px;
			}
			ul li{
				
				list-style-type: none;
				border: 1px solid white;
				border-bottom:1px dashed;
				background: white;
			}
			h1{
				margin: 0px;
				padding: 0px;
				width: 300px;
				background:lightcoral ;
				color: white;
			}
			a{
				text-decoration: none;
			}
			a:hover{
				color: lightcoral;
			}
			span{
				color: #FFF;
				font-weight:bold ;
				margin-right: 10px;
				display: inline-block;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: #373b3c;
				line-height: 20px;
				text-align: center;
			}
			a:hover{
				color: #e9185a;
			}
			a:hover span{
				background: #e9185a;
			}
		</style>
	</head>
	<body>
		<h1 >大家都喜欢买的美容品</h1>
	<ul>
		
		<li><a href="#"><span>1</span></a> 雅诗兰黛即时修护眼部精华霜15ml</li>
		<li><a href="#"><span>2</span></a>  伊丽莎白雅顿显效复合活肤霜 75ml</li>
		<li><a href="#"><span>3</span></a>  OLAY玉兰油多效修护霜 50g</li>
		<li><a href="#"><span>4</span></a> 巨型一号丝瓜水320ML</li>
		<li><a href="#"><span>5</span></a> 倩碧保湿洁肤水2号 200ml</li>
		<li><a href="#"><span >6</span></a> 比度克细肤淡印霜 30g</li>
		<li><a href="#"><span>7</span></a> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
		<li><a href="#"><span>8</span></a>  SK-II护肤精华露 215ml</li>
		<li><a href="#"><span id="beauty">9</span></a>  欧莱雅青春密码活颜精华肌底液</li>
		
	</ul>









	</body>
</html>
